<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>五指山污水处理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/huazhi/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/huazhi/css/public.css" media="all">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/huazhi/images/favicon.ico"/>
</head>
<style>
    /* 重置轮播样式 */
    .layadmin-carousel {
        height: 185px !important;
        background-color: #fff;
    }

    .layadmin-carousel .layui-carousel-ind li {
        background-color: #e2e2e2;
    }

    .layadmin-carousel .layui-carousel-ind li:hover {
        background-color: #c2c2c2;
    }

    .layadmin-carousel .layui-carousel-ind li.layui-this {
        background-color: #999;
    }

    .layadmin-carousel .layui-carousel,
    .layadmin-carousel > *[carousel-item] > * {
        background-color: #fff;
    }

    .layadmin-carousel .layui-col-space10 {
        margin: 0;
    }

    .layadmin-carousel .layui-carousel-ind {
        position: absolute;
        top: -41px;
        text-align: right;
    }

    .layadmin-carousel .layui-carousel-ind ul {
        background: none;
    }

    .layadmin-backlog .layadmin-backlog-body {
        display: block;
        padding: 10px 15px;
        background-color: #f8f8f8;
        color: #999;
        border-radius: 2px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    .layadmin-backlog-body h3 {
        padding-bottom: 10px;
        font-size: 12px;
    }

    .layadmin-backlog-body p cite {
        font-style: normal;
        font-size: 30px;
        font-weight: 300;
        color: #009688;
    }

    .layadmin-backlog-body:hover {
        background-color: #f2f2f2;
        color: #888;
    }

    .divhtml {
        line-height: 20px;
        padding: 9px 0px;
        text-align: left;
        position: relative;
        display: block;
        float: left;
        font-weight: 400;
    }

    .layui-form-label {
        width: 180px;
    }

    .layui-input-block {
        margin-left: 210px;
    }
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" style="padding: 0px;">
            <form class="layui-form" lay-filter="component-form-element">
                <input type="hidden" name="tid" id="tid">
                <div class="layui-tab-content" style="height: auto">

                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设备名称</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="name" id="name" lay-verify="name"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设施所在自然村</label>
                                    <div class="layui-input-block">
                                        <select disabled type="text" name="cun" id="cun" lay-verify="cun">
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设施编码</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="ssbm" id="ssbm" lay-verify="ssbm"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">所属项目</label>
                                    <div class="layui-input-block">
                                        <select disabled  name="proId" id="proId" lay-verify="proId">
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">经度</label>
                                    <%--                                    <div class="layui-input-block">--%>
                                    <%--                                        <input type="text" name="jingdu" id="jingdu" lay-verify="jingdu"--%>
                                    <%--                                               autocomplete="off" placeholder="请输入经度"--%>
                                    <%--                                               class="layui-input">--%>
                                    <%--                                    </div>--%>
                                    <div class="layui-input-inline" style="width: 50px;">
                                        <input type="text" name="jdu" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-form-mid">度</div>
                                    <div class="layui-input-inline" style="width: 50px;">
                                        <input type="text" name="jfen" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-form-mid">分</div>
                                    <div class="layui-input-inline" style="width: 50px;">
                                        <input type="text" name="jmiao" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-form-mid">秒</div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">纬度</label>
                                    <div class="layui-input-block">
                                        <%--                                        <input type="text" name="weidu" id="weidu" lay-verify="weidu"--%>
                                        <%--                                               autocomplete="off" placeholder="请输入纬度"--%>
                                        <%--                                               class="layui-input">--%>
                                        <%--                                    </div>--%>
                                        <div class="layui-input-inline" style="width: 50px;">
                                            <input type="text" name="wdu" placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid">度</div>
                                        <div class="layui-input-inline" style="width: 50px;">
                                            <input type="text" name="wfen" placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid">分</div>
                                        <div class="layui-input-inline" style="width: 50px;">
                                            <input type="text" name="wmiao" placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-form-mid">秒</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">应接入户数</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="yjrhs" id="yjrhs" lay-verify="yjrhs"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">已接入户数</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="yijrhs" id="yijrhs" lay-verify="yijrhs"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">应受益人数</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="ysyrs" id="ysyrs" lay-verify="ysyrs"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">以受益人数</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="yjsyrs" id="yjsyrs" lay-verify="yjsyrs"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">带远程监控</label>
                                    <div class="layui-input-block">
                                        <select disabled  name="dycjk" id="dycjk" lay-verify="dycjk"
                                                class="layui-input">
                                            <option value="否">否</option>
                                            <option value="是">是</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设计处理量(吨/天)</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="dunwei" id="dunwei" lay-verify="dunwei"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设施总功率(kw)</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="zgl" id="zgl" lay-verify="zgl"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设计出水标准</label>
                                    <div class="layui-input-block">
                                        <select  name="csbz" id="csbz" lay-verify="csbz" class="layui-input">
                                            <option value="">请选择</option>
                                            <option value="一级">一级</option>
                                            <option value="二级">二级</option>
                                            <option value="三级">三级</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">处理工艺模式</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="clgy" id="clgy" lay-verify="clgy"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">设施状态</label>
                                    <div class="layui-input-block">
                                        <select disabled type="text" name="sszt" id="sszt" lay-verify="sszt"
                                                class="layui-input">
                                            <option value="">请选择设施运行状态</option>
                                            <option value="正常运行">正常运行</option>
                                            <option value="调试运行">调试运行</option>
                                            <option value="在建">在建</option>
                                            <option value="调试运行">调试运行</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">污水处理设备建设单位</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="wscljsdw" id="wscljsdw" lay-verify="wscljsdw"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">污水处理设备设计单位</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="wsclsjdw" id="wsclsjdw" lay-verify="wsclsjdw"
                                               autocomplete="off" placeholder="请输入污水处理设备设计单位"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">污水处理设备施工单位</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="wsclsgdw" id="wsclsgdw" lay-verify="wsclsgdw"
                                               autocomplete="off" placeholder="请输入污水处理设备施工单位"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">污水处理设备监理单位</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="wscljldw" id="wscljldw" lay-verify="wscljldw"
                                               autocomplete="off" placeholder="请输入污水处理设备监理单位"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">带在线检测</label>
                                    <div class="layui-input-block">
                                        <select  name="zxjc" id="zxjc" lay-verify="zxjc">
                                            <option value="">请选择是否在线检测</option>
                                            <option value="是">是</option>
                                            <option value="否">否</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">管网材质</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="gwcz" id="gwcz" lay-verify="gwcz"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">主管网管径</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="zgwgj" id="zgwgj" lay-verify="zgwgj"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg3">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">管网长</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="gwc" id="gwc" lay-verify="gwc"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">接收日期</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="jsrqString" id="jsrqString" lay-verify="jsrqString"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维日期</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="ywrqString" id="ywrqString" lay-verify="ywrqString"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">竣工日期</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="jgrqString" id="jgrqString" lay-verify="jgrqString"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>

                    <div class="layui-row">
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维村监督员</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="cjdy" id="cjdy" lay-verify="cjdy"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维村监督员电话</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="cjdydh" id="cjdydh" lay-verify="cjdydh"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维镇监督员</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="zjdy" id="zjdy" lay-verify="zjdy"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>


                    <div class="layui-row">
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维镇监督员电话</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="zjdydh" id="zjdydh" lay-verify="zjdydh"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维区监督员</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="qjdy" id="qjdy" lay-verify="qjdy"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="layui-col-lg4">
                            <div class="layui-form-item">
                                <div class="layui-col-xs12">
                                    <label class="layui-form-label">运维区监督员电话</label>
                                    <div class="layui-input-block">
                                        <input disabled type="text" name="qjdydh" id="qjdydh" lay-verify="qjdydh"
                                               autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>

                        </div>


                    </div>


                </div>
            </form>
        </div>
    </div>
</div>
<script src="<%=request.getContextPath()%>/huazhi/lib/layui-v2.5.5/layui.all.js"></script>
<script>
    function child(tid) {
        layui.use(['form', 'laydate', 'carousel'], function () {
            var $ = layui.$
                , form = layui.form
                , laydate = layui.laydate
                , layer = layui.layer,
                carousel = layui.carousel;

            //图片
            <%--$.ajax({--%>
            <%--type: "post",--%>
            <%--url: "<%=request.getContextPath()%>/rest/equipment/getImage",--%>
            <%--data: "tid=" + tid,--%>
            <%--dataType: "json",--%>
            <%--async: false,--%>
            <%--success: function (data) {--%>
            <%--for (var i = 0; i < data.length; i++) {--%>
            <%--var images = '<div><img src="' + data[i].src + '" style="width:100%;height:100%;"/></div>';--%>
            <%--$("#images").append(images)--%>
            <%--var imageli = '<div class="layui-col-md1 layui-col-sm4"><img  src="' + data[i].src + '"  style="width:100%;height:100%;"/></div>'--%>
            <%--$("#doman4image").append(imageli)--%>
            <%--}--%>
            <%--}--%>
            <%--});--%>

            //常规轮播
//            carousel.render({
//                elem: '#test10'
//                , width: '100%'
//                , height: '500px'
//                , arrow: 'none'
//                , indicator: 'inside'
//                , anim: 'fade'
//                , autoplay: 'true'
//                , interval: '5000'
//            });

            <%--$.ajax({--%>
            <%--    type: "get",--%>
            <%--    url: "<%=request.getContextPath()%>/rest/base/seleAllZrc",--%>
            <%--    dataType: "json",--%>
            <%--    async: false,--%>
            <%--    data:{},--%>
            <%--    success:function (msg){--%>
            <%--        document.getElementById("cun").options.length = 0;--%>
            <%--        // var content = '<option value="">请选择自然村</option>';--%>
            <%--        var  xzSelect = $("#cun");--%>
            <%--        for (var i = 0;i<msg.zrcList.length;i++){--%>
            <%--            content+='<option value="' + msg.zrcList[i].title + '">' + msg.zrcList[i].title + '</option>';;--%>
            <%--        }--%>
            <%--        xzSelect.append(content)--%>
            <%--        form.render()--%>
            <%--    }--%>
            <%--})--%>

            $.ajax({
                type: "get",
                url: "<%=request.getContextPath()%>/rest/base/getAllPro",
                dataType: "json",
                async: false,
                data:{
                },
                success:function (msg){
                    document.getElementById("proId").options.length = 0;
                    var content = '';
                    var  xzSelect = $("#proId");
                    for (var i = 0;i<msg.data.length;i++){
                        content+='<option value="' + msg.data[i].tid + '">' + msg.data[i].name + '</option>';;
                    }
                    xzSelect.append(content)
                    form.render()
                }
            })

            $.ajax({
                type: "post",
                url: "<%=request.getContextPath()%>/rest/base/getDdLinedByTid",
                data: "tid=" + tid,
                dataType: "json",
                async: false,
                success: function (data) {
                    var jingdu = data.jingdu
                    data.jdu = jingdu.split("°")[0]
                    data.jfen = jingdu.split("°")[1].split("'")[0]
                    data.jmiao = jingdu.split("°")[1].split("'")[1].split('"')[0]
                    var weidu = data.weidu
                    data.wdu = weidu.split("°")[0]
                    data.wfen = weidu.split("°")[1].split("'")[0]
                    data.wmiao = weidu.split("°")[1].split("'")[1].split('"')[0]
                    $.ajax({
                        type: "get",
                        url: "<%=request.getContextPath()%>/rest/base/seleAllZrc",
                        dataType: "json",
                        async: false,
                        data:{},
                        success:function (msg){
                            document.getElementById("cun").options.length = 0;
                            var content = '';
                            var  xzSelect = $("#cun");
                            for (var i = 0;i<msg.zrcList.length;i++){
                                content+='<option value="' + msg.zrcList[i].title + '">' + msg.zrcList[i].title + '</option>';
                            }
                            content+='<option value="' + data.cun + '">' + data.cun + '</option>';;
                            xzSelect.append(content)
                            form.render()
                        }
                    })

                    form.val("component-form-element", data);
                    form.render()
                }
            });

        });
    }
</script>
</body>
</html>